
div#whi-cover{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #EEEEEE; opacity: 0.8; z-index:9999; }

div#whi-bar{ background: #FFABB5 url('http://assets.whicdn.com/images/heart_bookmarklet.png') no-repeat 11px center; position: fixed; z-index:999999; top: 0; left: 0; width: 100%; height: auto; padding:15px 0; color:#FFFFFF; font-family: "Helvetica", "Arial", sans-serif; font-size: 12px; text-shadow:none; text-align: left; }
div#whi-bar span{ color: #FFD5DA; margin-left: 8px; }
div.whi-text{ padding-left: 45px; color:#FFFFFF; font-family: "Helvetica", "Arial", sans-serif; font-size: 12px; text-shadow:none; text-align: left; }

input.whi-close{ max-width: 60px; position: absolute; top: 9px; right: 9px; padding:6px 10px 5px 10px; font-size:10px; text-transform:uppercase; font-weight:bold; background: #FF879B; border: 0; border-right:1px solid #E68697; border-bottom:1px solid #E68697; color:#FFFFFF; cursor:pointer; text-shadow:none !important; text-decoration:none !important; font-family: "Helvetica", "Arial", sans-serif; }

div.whi-help{ position: absolute; top: 15px; right: 84px; font-size: 12px; line-height: 13px; width: 100px; text-align: right; }
div.whi-help > a{ text-decoration: none; border: 0; color: #FFD5DA; padding: 4px 8px; margin-top:-1px; }
div.whi-help ul{ text-align: left; display: none; font-size: 12px; line-height: 18px; list-style-type: none; float: right; margin-top: 10px; margin-right: -60px; background: #FFFFFF; padding: 4px; width: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2); }
div.whi-help ul li{ margin: 0; padding: 2px 6px; list-style-type: none; background: transparent; }
div.whi-help ul a{ color: #FF879B; border: 0; text-decoration: none; white-space: nowrap; background: transparent; }
div.whi-help:hover > a{ background: rgba(255,255,255,0.2); color: #FAFAFA; }
div.whi-help:hover ul{ display: block; }
div.whi-help ul li:hover{ background: #EEE; list-style-type: none; }


img.whi-valid{ position: relative !important; z-index: 99998 !important; }

div.whi-hover{ font-family: "Helvetica", "Arial", sans-serif; color: #fff; border: 8px solid #FFABB5; position: absolute; z-index: 99999; text-shadow: none; }
div.whi-hover:hover{ border-color: #FF879B; background: rgba(0,0,0,0.9); }

div.whi-hover form{ width: 100%; height: 140px; position: absolute; top: 50%; left: 0; margin-top: -70px; text-align: center; display: none; }
div.whi-hover:hover form{ display: block; }

div.whi-hover form.whi-hearted{ background: url('http://assets.whicdn.com/images/hearted.png') no-repeat center; }
div.whi-hover form.whi-hearted div{ display: none; }

div.whi-hover div.whi-title{ width: 90%; color: #eee; font-size: 20px; line-height: 24px; font-weight: bold; max-height: 50px; max-width: 260px; overflow: hidden; margin: 0 auto 6px auto; cursor: default; }
div.whi-hover div.whi-source{ width: 90%; color: #FFABB5; font-size: 10px; line-height: 12px; max-height: 12px; max-width: 260px; overflow: hidden; margin: 0 auto 20px auto; cursor: default; }

div.whi-hover div.whi-tags{ width: 90%; max-width: 260px; overflow: hidden; margin: 0 auto 8px auto; position: relative; }
div.whi-hover div.whi-tags span{ font-size: 10px; line-height: 12px; display: block; float: left; background: #eee; color: #666; padding: 7px 0; width: 38px; cursor: default; }
div.whi-hover div.whi-tags input{ text-align: left; font-size: 11px; line-height: 12px; display: block; width: 100%; position: absolute; top: 0; left: 38px; color: #666; padding: 7px 7px 8px 7px; border: 0; background: #f7f7f7; margin: 0; font-family: "Helvetica", "Arial", sans-serif; }
div.whi-hover div.whi-tags input:focus{ outline-width:0; }

div.whi-hover div.whi-submit{ width: 90%; color: rgba(255,255,255,0.55); font-size: 11px; line-height: 12px; max-width: 260px; overflow: hidden; margin: 0 auto; text-align: left; }
div.whi-hover div.whi-unsafe{ width: 100px; float: left; margin-top: 7px; cursor: default; display: none; }
div.whi-hover div.whi-unsafe input{ margin-right: 4px; }
div.whi-hover div.whi-submit input.whi-btn{ /*float: right;*/ margin: 0 auto !important; display: block; padding: 4px 10px; border: 2px solid #FF5F83; background: #FF5F83; color: #fff; width: 100%; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: bold; cursor: pointer; font-family: "Helvetica", "Arial", sans-serif; text-shadow: none; }
div.whi-hover div.whi-submit input.whi-btn:hover{ background-color: #FF879B; border-color: #FF879B; }

div#whi-window{ width: 500px; position: fixed; top: 70px; left: 50%; margin-left: -250px; padding: 30px 0; background: #FFF; border: 8px solid #eee; -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);  -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2); z-index: 9999; text-align: center; }
div#whi-window strong{ display: block; font-size: 40px; color: #999; }
div#whi-window span{ display: block; margin: 30px; font-size: 14px; line-height: 20px; } 
div#whi-window a{ dispaly: block; color: #f69; margin: 30px; background: transparent; font-size: 12px; }
div#whi-window div.whi-closewindow{ position: absolute; top: 0; right: 0; background: #eee; padding: 0px 0px 4px 7px; color: #f69; cursor: pointer; font-size: 8px; text-transform:uppercase; }
